import React from 'react'
import Link from 'gatsby-link'
import logo from '../assets/images/logo.svg'
import Banner from './Banner';
import NavList from '../components/NavList'
import Nav from './Nav';
const Header = (props) => (
    <header id="header" className="alt">
        <NavList SideBarMenu={props.SideBarMenu}/>
        <span className="logo"><img src={logo} alt="" /></span>
        <h1>Ecclesiastic</h1>
        <p>Develop<br />
            built by <a href="https://twitter.com/ajlkn">@zyd</a> for <a href="https://html5up.net">HTML5 UP</a>.</p>
        <Banner />
    </header>
)


export default Header
